@@@@@@@@@@@@@@@  uTjzM@What's New 2005N121


@@@@@@S҂̂߂̃z[y[W/Web for beginner
@@@@@@@@@@http://www.scollabo.com/banban/
@@@@
@@@@@@@@@@@@@@@109

@@@@@@@  @  @@@banban@scollabo.com



@@úAS҂@ƍ@gɂāA͓I Weby[W
@ɖ𗧂ƂړIɔzMĂ܂B

@@uł HTML4.01AXHTML1.1 𒆐SƂ@̂ƂȂĂ܂B
@ȂÃ}KW͓tHgłǂ݂ƉKɓǂ߂悤ɂ
@܂B

@@@T̃Rec
@@@@ JavaScriptu (23) --- Form/ElementIuWFNg
@@@@ Tips --- tH[JavaScript



JavaScriptu ---  Form/ElementIuWFNg
@Form y ElementIuWFNǵAHTMLhLgŗp formv
@fgp邱ƂŎIɐIuWFNgłB

@FormIuWFNgƁAElementIuWFNg͓`Ɉ܂AElementI
@uWFNǵAformvfŔzue̓tB[h܂B
@҂̃\bhƃvpeB͂قړ̂`Ă܂A@\
@قȂ܂B
@@FormIuWFNg ElementIuWFNg̏ʃIuWFNgɈʒuA
@ ElementIuWFNgɂ11̉ʃIuWFNg`Ă܂B

@tH[IuWFNgƂĈƂA{҂tH[̓̓tB[
@hɉ肵ƂɁAIɃX|X邱Ƃł܂B
@@ FormAy ElementIuWFNgɂĉ܂B

@ Form/ElementIuWFNg̃vpeB
@@ action
@@tH[ɓ͂ꂽf[^̑M URL ̎QƂݒ肵܂BM
@@͎ CGIXNvg URLp̂ʓIłB
@@@HTML^O actionƓ܂Bʂł͂̃\bh͗p
@@邱ƂȂ悤łB

@@
@@@document.tH[.action(MURL)

@@ᕶ
@@@document.myForm.action(/user/bin/sample.cgi);

@@ encoding
@@tH[œ͎Mf[^𑗐Mۂ̃GR[h () QƂ
@@ݒ肷ƂɎg܂Bform^O enctypeƓ
@@łApuEUɂĂ͖邱Ƃ܂B

@@
@@@GR[h.encoding

@@ᕶ
@@@document.myForm.encoding = "text/plain";

@@ length
@@HTMLhLg̃tH[̑AtH[̗vf̑QƂ
@@BFormIuWFNgł̓tH[̑A܂ ElementIuWFNg
@@̓tH[ɔzuĂ̓tB[h̑QƂ܂B

@@
@@@document.tH[.lengh

@@@Ȃ ElementIuWFNgɂ lenghvpeBł́AԂ鑍
@@ۂ̑PȂƂɒӂĂB

@@ method
@@formvfŋLq method̑M` (getA܂ post) QƁA
@@邢͐ݒ肵܂BԂl postA܂ get łBǂݍ
@@܂ꂽłAݒ̒lύX邱Ƃ\łB

@@@
@@@@tH[.method = post 邢 get

@@@ᕶ
@@@@document.myForm.method = "post";

@@ name
@@form^OŋLqĂ name̒l (tH[) QƂ܂B
@@ÃvpeBŃtH[ύX邱Ƃ͂ł܂B
@@@ElementIuWFNgł́A̓tB[hŎw肳ꂽOQƂ܂B

@@@
@@@@document.tH[.name@(FormIuWFNg̏ꍇ)
@@@@document.Gg.tH[.name@(ElementIuWFNg)

@@@ᕶ
@@@@a = document.Myform.name;
@@@@a = document.element[0].myForm.name;

@@ target
@@tH[f[^̑M̃^[QbgEBhEQƁA܂͐ݒ肵܂B

@@@
@@@@document.tH[.target

@@@ᕶ
@@@<script type="text/javascript">
@@@<!--
@@@@function myWin() {
@@@@alert("M܂B" + document.myForm.target);
@@@@}
@@@@//-->
@@@</script>

@@@<form name="myForm" method="get" action="mailto:xxxx@xxx.net" 
    @target="New Window">
@@@<p>
@@@<input type="text" value="" name="sample">
@@@<input type="submit" value="M" name="submit" onclick="myWin()">
@@@</p>
@@@</form>

@ Form/ElementIuWFNg̃\bh
@@ reset
@@͂ꂽtH[f[^ŏ̏Ԃɖ߂܂Binput^O
@@typeuresetvƓ܂B

@@@
@@@@tH[.rest()

@@@ᕶ
@@@@document.myForm.reset();

@@ submit
@@͂ꂽf[^̑Mɗp܂Binput^O typeusubmitv
@@܂B

@@@
@@@@tH[.submit()

@@@ᕶ
@@@@document.myForm.submit();

@ Form/ElementIuWFNg̉ʃIuWFNg
@FormAy ElementIuWFNgɂ͉ʑwɈʒu11̃IuWFNg
@Ă܂B

@@ʃIuWFNg
@@@ButtonACheckboxAFileUploadAHiddenAPasswordARadioAResetATextA
@@@TextareaASubmitASelectA(Option)

@@HTML̃^OɏڂȂsƗnYłB̃IuWFNǵA
@@̓tB[h`^O₻̑ɏĂ܂B̂
@@߁ApۂɃIuWFNg𖾋LȂĂʃIuWFNgƂ
@@IɊ蓖Ă܂B
@@@eIuWFNg̃vpeBƃ\bh𗘗pꍇ̏

@@@document.tH[.Gg[ԍ].vpeB܂̓\bh

@@GgɁuelementsvpł܂B̏ꍇ̔ԍ form^O
@ɔzuꂽ̓tB[h̏ԂƂȂ܂BAŏ̓̓tB[
@hA 0 ł邱ƂɒӂĂB
@@QԖڂ̓̓tB[hɓKpꍇɂ [1] ƂȂ܂B

@ ButtonIuWFNg
@ButtonIuWFNg input^O type̒lubuttonv̏ꍇɗp
@\ȃIuWFNgłB

@ ButtonIuWFNg̃vpeB
@name@@nameŎw肳Ă^OQ
@type@@{^̌`Q
@length@valueŎw肳Ă{^̕QƁA܂͐ݒ

@ ButtonIuWFNg̃\bh
@blur@ IĂ̓tB[h̃tH[JXO (I𔲂)
@click@IɑIꂽ{^NbN
@focus@tH[̓̓tB[hI (tH[JX)

@ CheckboxIuWFNg
@CheckboxIuWFNg input^O type̒lucheckboxv̏ꍇɗ
@p\ȃIuWFNgłB

@ CheckboxIuWFNg̃vpeB
@checked@`FbNĂꍇɐ^AĂȂꍇɋUԂ
@name@@ nameŎw肳ĂvfQƂ
@type@@ w肳ꂽRg[̌` (checkbox) ̒lԂ
@value@@valueŎw肳Ăl (Me) QƁA܂͐ݒ肷
@defaultChecked @̃`FbNԂ̒lԂ

@ CheckboxIuWFNg̃\bh
@blur@ IĂ̓tB[h̃tH[JXO
@click@IɑIꂽ{^NbN
@focus@tH[̓̓tB[hI

@ FileUploadIuWFNg
@FileUploadIuWFNg input^O value̒lufileuploadv̏
@ɗp\ȃIuWFNgłB (uEUʕȂǂ𑗕tꍇ
@ɗp鑮łB)

@ FileUploadIuWFNg̃\bh
@blur@ IĂ̓tB[h̃tH[JXO
@focus@tH[̓̓tB[hI

@ FileUploadIuWFNg̃vpeB
@name@ nameŎw肳ĂvfQƂ
@type@ w肳ꂽ̓tB[ȟ` (fileupload) ̒lԂ
@value@valueŎw肳ĂliMejQƁA܂͐ݒ

@ HiddenIuWFNg
@HiddenIuWFNǵA<input type="hidden"> ŎBtB[h
@ʏ͉ʂɕ\ꂸǗpƂėp܂B

@ HiddenIuWFNg̃vpeB (\bh͒`Ă܂)
@name@ nameŎw肳ĂvfQƂ
@type@ w肳ꂽ̓tB[ȟ` (hidden) ̒lԂ
@value@valueŎw肳ĂliMejQƁA܂͐ݒ

@ PasswordIuWFNg
@input^O type̒lupasswordvŎ̓tB[hIuW
@FNgƂĈ܂B

@ PasswordIuWFNg̃vpeB
@name@@nameŎw肳ĂvfQ
@type@@w肳ꂽRg[̌` (password) ̒lԂ
@value@ valueŎw肳Ăl (Me) QƁA܂͐ݒ
@defaultValue @@X[h̏͂̒lQ

@ PasswordIuWFNg̃\bh
@blur@@ IĂRg[̃tH[JXO 
@focus@@tH[̃Rg[I 
@select@ tH[JXꂽpX[h̕IԂɂ 

@ RadioIuWFNg
@input^O type̒luradiovŎ郉WI{^̓̓t
@B[hIuWFNgƂĈ܂B

@ RadioIuWFNg̃vpeB
@checked @`FbNĂꍇɐ^AĂȂꍇɋUԂ 
@name@@  nameŎw肳ĂvfQ
@type@ @ w肳ꂽRg[̌` (radio) ̒lԂ
@value@@ valueŎw肳Ăl (Me) QƁA܂͐ݒ
@defaultChecked@lƂă`FbNԂ̒lԂ

@ RadioIuWFNg̃\bh
@blur@ IĂ郉WI{^̃tH[JXO
@click@IɑIꂽWI{^NbN
@focus@tH[̃WI{^I

@ ResetIuWFNg
@ResetIuWFNǵAinput^O type̒luresetvŎ
@{^IuWFNgƂĈ̂łB

@ ResetIuWFNg̃vpeB
@name@@  nameŎw肳ĂvfQ
@type@ @ w肳ꂽRg[̌` (reset) ̒lԂ
@value@@ valueŎw肳Ăl (Me) QƁA܂͐ݒ

@ ResetIuWFNg̃\bh
@blur@ IĂ郊Zbg{^̃tH[JXO
@click@IɑIꂽZbg{^NbN
@focus@tH[̃Zbg{^I

@ TextIuWFNg
@TextIuWFNǵAinput^O type̒lutextvŎ镶
@̓tB[hIuWFNgƂĈ̂łB

@ TextIuWFNg̃vpeB
@name@@nameŎw肳ĂvfQ
@type@@w肳ꂽ̓tB[ȟ`itextj̒lԂ
@value @͂ꂽ̓tB[h̒lQƁA܂͐ݒ
@defaultValue@̓tB[h̏͂̒lQ

@ TextIuWFNg̃\bh
@blur@ IĂ̓tB[h̃tH[JXO
@click@IɑIꂽ̓tB[hNbN
@select tH[JXꂽ̓tB[h̕IԂɂ

@ TextareaIuWFNg
  textera^OŎ镶̓tB[hIuWFNgƂ܂BTextI
@uWFNg̈Ⴂ́Asɂ킽镶̓tB[hł邱ƂłB
@@input^O typeutextv̏ꍇ́APs̓̕tB[hƂ
@܂B

@ TextareaIuWFNg̃vpeB
@name@@nameŎw肳ĂvfQ
@type@@w肳ꂽ̓tB[ȟ`itextareaj̒lԂ
@value @͂ꂽ̓tB[h̒lQƁA܂͐ݒ
@defaultValue@̓tB[h̏͂̒lQ

@ TextereaIuWFNg̃\bh
@blur@ IĂ̓tB[h̃tH[JXO
@click@IɑIꂽ̓tB[hNbN
@select tH[JXꂽ̓tB[h̕IԂɂ

@ SubmitIuWFNg
@SubmitIuWFNǵAinput^O type̒lusubmitvŎ鑗
@M{^IuWFNgƂĈ̂łB

@ SubmitIuWFNg̃vpeB
@name@@nameŎw肳ĂvfQ
@type@@w肳ꂽ̓tB[ȟ`isubmitj̒lԂ
@value @͂ꂽ̓tB[h̒lQƁA܂͐ݒ

@ SubmitIuWFNg̃\bh
@blur@ IĂ鑗M{^̃tH[JXO
@click@IɑIꂽM{^NbN
@focus@tH[̑M{^I

@ SelectIuWFNg
@SelectIuWFNǵA<select> ` </select> ň͂܂ꂽj[I
@̓̓tB[hIuWFNgƂ܂B
@@ȂAj[ڂ option^OɂČ`邽߁AʃIuWF
@NgƂ OptionIuWFNg`Ă܂B

@ SelectIuWFNg̃vpeB
@name @@nameŎw肳ĂvfQ
@option @j[̑I (option^OŒ`)QƁA܂͐ݒ
@type @@w肳ꂽRg[̌` (select-one) ̒lԂ
@value@@valueŎw肳Ăl (Me) QƁA܂͐ݒ
@selectedIndex @IĂ郁j[ڂ̃CfbNXԍQ

@ SelectIuWFNg̃\bh
@blur@@IĂ郁j[ڂ̃tH[JXO 
@focus@ 郁j[ڂI 
@length@option^OŒ`ĂIڂ̑Q

@ OptionIuWFNg (SelectIuWFNg̉ʃIuWFNg)
@OptionIuWFNǵAoption^OŌ`郁j[̃j[
@̂ŁA炩ߓ͂l߂Ă܂B
@@̃IuWFNg SelectIuWFNgʃIuWFNgƂȂ܂B

@ OptionIuWFNg̃vpeB (\bh͒`Ă܂)
@index @@j[̑Iڂ̃CfbNXԍQ
@selected@IĂꍇ͐^AIĂȂꍇ͋UԂ
@text@@@IĂ郁j[ڂ̕QƁA܂͐ݒ
@defaultSelected 
@@@@@@ɑIĂꍇ͐^AIĂȂꍇ͋UԂ

@TCǵuT̂炢vɊȒPȃTvƁAFormIuWFNg̗
@@p@fڂ܂̂ŁA܂΂B
@@@@http://www.scollabo.com/banban/magazine/review_109.html

Tips --- tH[JavaScript

@{҂͂ꂽtH[̃f[^AJavaScriptɂă`FbN
@Ƃł܂B
@@Ⴆ΃[AhXsǂA邢͓͘RꂪȂǂ
@fɂ́AfIuWFNgg邱Ƃō쐬ł܂B

@܂AJavaScript̋NɃCxgnhgƂʓIłB
@̓tB[h̃tH[JX (I) OꂽƂAtH[JXꂽ
@ACxgnhɂăXNvgs܂B

@̓Tvpӂ܂łAũobNio[u63v
@QlɂĂ΁Ả₷Ǝv܂B

@ȂA͂ꂽf[^ۂɗpꍇɂ́AT[o CGIɑΉ
@Kv܂BtH[邱Ƃ͂قǓƂł͂܂
@Af[^ėpꍇɂ͓ CGIvOȂ΂Ȃ
@B
@@܂AT[oł CGIɑΉĂKv܂Bʂ̃voC_
@񋟂 WebT[oɂ͂̓_ɌE悤łB
@@Ŏg CGIT[o̂ŁA낢ƒTĎ̊
@Ă͂܂T[oIтB



͂܂ŁB

@T̂炢 Weby[Wɂfڂ܂̂ŁAQl܂łɌĂ
@ĂB
@@Weby[Wł HTML̎sʂ̃TvA蕪₷
@Ă܂B킹ĉߋ̋L̂炢fڂĂ܂

@iT̂炢j
@@http://www.scollabo.com/banban/magazine/review_109.html

@@́A̓słRTԌ 211ɔzM\肵Ă܂B



Eӌ͂͂܂Ł@banban@scollabo.com

@ȂA̍ۂɂ́AȂgOSAuEUAeLXgGfB^
@ǁAȂׂ₷𖾋LĂƉ񓚂₷Ȃ
@Ǝv܂B
@@AlIȎRɂԎx邱Ƃ܂BB
@}̏ꍇɂ́ATCǧfpBƒN
@ĂƎv܂B

@sҁ@΂΂
@@́@XYLER{[V@http://www.scollabo.com/
@zMGW@܂܂@http://www.mag2.com/  iID@0000090196j

@@뎚EEEϊ~XE\RȂǂɂ́Aɂe͊肢܂B

@obNio[@ŌJĂ܂B
@v[eLXg  http://www.scollabo.com/banban/magazine/magazine.html
@ê炢@@http://www.scollabo.com/banban/magazine/
@A[JCu@@@@http://www.scollabo.com/banban/daf/archive.html
@܂܂̉ߋL@http://backno.mag2.com/reader/Back?id=0000090196

@zM̕ύXE~͂łB
@ʂ̎葱͎󂯕tĂ܂̂ŁAʓ|łeł肢łΏ
@܂B
@@TCgɂā@http://www.scollabo.com/banban/magazine/top.html
@@܂܂ɂā@http://www.mag2.com/m/0000090196.htm



ł`E`ށ

@N͈ȑOɑĊOɏo@܂B̂Ȃ̂
@񂪁AN͂Ԃ񊦂ȂƊĂ܂B~瓖O̘bł
@AԂ̔Ý݂uԕǁvłB

@N̉ԕ̔U͊ɂPOn܂ĂAN̖ҏŉԕʂ
@nł͗N10{炢ɂȂ邻łBڂy@җɏoĂ
@BT܂ł̏Ǐ󂪑̂ƎvƔɐĥ܂B
@@܂Ŗɗ炸ɉ߂Ă܂AN΂͍lȂĂ͂Ȃ
@Bt͂܂łĂ̂ɂ˂EEE



쌠ɂ
@l̂obɕۑėpȊŐL̓]ځAp͊{Iɉ
@Ă܂BL̓eɂāAfŎgp邱Ƃłւ܂B
@@ȂAL̃X^CV[gAXNvgAHTML̃y[W쐬
@RɎgĂĂx܂B

    @       Copyright(C) 2002-2005  www.scollabo.com/banban/





